<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>返回对象的属性名和属性值</title>
</head>
<body>
    <script>
        // 可枚举就是可遍历，也就是说对象的属性是可以通过遍历获得到
        var obj = {name:'张三', age:18, gender:'男', address:'江苏'};
        // Object.keys()返回一个数组，数组中的元素是由对象的属性名组成
        var a = Object.keys(obj);  //['name', 'age', 'gender', 'address']
        console.log(a);
        // Object.values()返回一个数组，数组中的元素是由对象中的属性值组成。
        var b = Object.values(obj);    // ['张三', 18, '男', '江苏']
        console.log(b);
        // Object.entries()返回一个数组，数组中的元素是子数组，每个子数组中的元素是由对象中的属性名和属性值组成。
        var c = Object.entries(obj);  // [Array(2), Array(2), Array(2), Array(2)]
        console.log(c);

    </script>
</body>
</html>